<template>
	<view class="w100 h100">
		<view class="mlr-36 mt-20">
			<view class="size-34 bold">
				<text class="size-34">{{item.end}}（{{item.drive_type}}）</text>
			</view>
			<view class="">
				<text v-show="item.status_text=='已完成' " class=" status_text size-22">{{item.status_text}}</text>
				<text v-show="item.status_text=='已取消' " class=" status_text1 size-22">{{item.status_text}}</text>
			</view>
			<view class="size-28  gray-2 pb-10 mt-30">
				{{item.car_card}}
				<text class=" ml-70">{{item.createtime|formatDate(1)}}</text>
			</view>
			<view class="h100" style="margin-top: -85rpx;" @click="toDetail(item.id)">
				<u-collapse class="h100">
					<u-collapse-item class="pb-20 h100">
						<view class=""
							style="height: 460rpx; margin: 10rpx;padding: 20rpx;  background: #F3F3F3;border-radius: 10rpx; ">
							<view class="bold size-32" style="color: black;">
								<text>订单编号:</text><text class="ml-30">{{item.id}}</text>
								<view class="mb-20 mt-20" style="border-bottom: solid 1px #cbcbcb;"></view>
							</view>
							<view class="mt-15 flex">
								<view>订单创建时间:</view>
								<view class="mr-40 ">{{item.createtime|formatDate(1)}}</view>
							</view>
							<view class="mt-15 flex">
								<view>计费时长:</view>
								<view class="mr-40">666</view>
							</view>
							<view class="mt-15 flex">
								<view>停车费:</view>
								<view class="mr-40">￥{{item.price}}666</view>
							</view>
							<view class="mt-15 flex">
								<view>联系人:</view>
								<view class="mr-40">{{item.car_name}}</view>
							</view>
							<view class="mt-15 flex">
								<view>手机号:</view>
								<view class="mr-40">{{item.car_phone}}</view>
							</view>
							<view class="mt-15 flex">
								<view>车辆信息:</view>
								<view class="mr-40">{{item.car_card}} ~{{item.car_type}}</view>
							</view>
						</view>
					</u-collapse-item>
				</u-collapse>
			</view>
		</view>
		<view style="border-bottom: solid 6px #F3F3F3;"></view>
	</view>
	<!-- 订单 -->
	<!-- 	<view @click="toDetail(item.id)" class="ptb-30 plr-30 radius-10 bg-white">
		<view class="flex">
			<view class="">
				{{item.createtime|formatDate(1)}}
				<text v-if="item.status != '-2' && item.status != '-1' && item.status != '99'"
					class="white size-26 ptb-5 plr-15 mlr-15 change-green white">
					{{item.status_text}}
				</text>
				<text v-else class="gray-2 size-26 ptb-5 plr-15 mlr-15"
					style="background: #eee;">{{item.status_text}}</text>
			</view>
			<u-icon name="arrow-right" color="rgba(51,51,51,0.3)" size="40"></u-icon>
		</view>
		<view class="mt-30 flex1 flex-middle">
			<view class="bg-green" style="width: 16rpx;height: 16rpx;border-radius: 50%;"></view>
			<text class="ml-20">{{item.start}}</text>
		</view>
		<view class="mt-30 flex1 flex-middle">
			<view class="bg-orange" style="width: 16rpx;height: 16rpx;border-radius: 50%;"></view>
			<text class="ml-20">{{item.end}}</text>
		</view>
	</view> -->
	<!-- <view @click="toDetail(item.id)" class="ptb-30 plr-30 radius-10 bg-white">
		<view class="flex">
			<view class="">
				{{item.createtime|formatDate(1)}}
				<text v-if="item.status != '-2' && item.status != '-1' && item.status != '99'"
					class="white size-26 ptb-5 plr-15 mlr-15 change-green white">
					{{item.status_text}}
				</text>
				<text v-else class="gray-2 size-26 ptb-5 plr-15 mlr-15"
					style="background: #eee;">{{item.status_text}}</text>
			</view>
			<u-icon name="arrow-right" color="rgba(51,51,51,0.3)" size="40"></u-icon>
		</view>
		<view class="mt-30 flex1 flex-middle">
			<view class="bg-green" style="width: 16rpx;height: 16rpx;border-radius: 50%;"></view>
			<text class="ml-20">{{item.start}}</text>
		</view>
		<view class="mt-30 flex1 flex-middle">
			<view class="bg-orange" style="width: 16rpx;height: 16rpx;border-radius: 50%;"></view>
			<text class="ml-20">{{item.end}}</text>
		</view>
	</view> -->
</template>

<script>
	export default {
		props: ["item"],
		data() {
			return {
				itemList: [{
					head: "赏识在于角度的转换",
					body: "只要我们正确择取一个合适的参照物乃至稍降一格去看待他人，值得赏识的东西便会扑面而来",
					open: true,
					disabled: true
				}],
			}
		},
		onLoad() {
			console.log(4564, item);
		},
		// watch: {
		// 	//监听props item值 
		// 	ids1(news, olds) {
		// 		this.aaa = news;
		// 		console.log('8888', news, olds);
		// 	}
		// },
		methods: {
			toDetail(id) {
				uni.navigateTo({
					url: '/pages/home/bc-call/Agree?id=' + id
				})
				// uni.navigateTo({
				// 	url: '/pages/home/detail?id=' + id
				// })
			}
		}
	}
</script>

<style lang="scss" scoped>
	.status_text {
		position: absolute;
		right: 100rpx;
		color: #3CBCA3;
		border-radius: 50rpx;
		background-color: #f0f0f0;
		padding: 8rpx;
	}

	.status_text1 {
		position: absolute;
		right: 100rpx;
		color: #ff0000;
		border-radius: 50rpx;
		background-color: #f0f0f0;
		padding: 8rpx;
	}
</style>
